<template>
  <ul class="result-data scroll-box">
    <!-- <li
      v-for="i in 15"
      :key="i"
    >
      <span>1234.5 度</span>
      <span class="color-deep-gray">2020/02/22 18:45:37</span>
    </li> -->
  </ul>
</template>

<script>
export default {
  name: 'DataList'
};
</script>

<style lang="scss" scoped>
.result-data {
  width: 100%;
  height: 100%;
  padding: 0 0.426667rem;
  background-color: #fff;

  li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 1.013333rem;
    font-size: 0.373333rem;
    border-bottom: 1px solid var(--border-color);

    &:last-of-type {
      border-bottom: 0;
    }

    span {
      &:last-of-type {
        font-size: 0.32rem;
      }
    }
  }
}
</style>